sei sul sito di Giovanni Fraterno

ATTENZIONE che, per importanza sociale, subito dopo il legame affettivo che si instaura all'interno di una famiglia, viene quello che si instaura fra il professore e i suoi alunni, e che turbare entrambi i rapporti può essere carico di conseguenze (sabato 31° gennaio 2004, il professore).
I FONDAMENTI DELL'HTML
( file disponibile dall' 8° di dic 2002 )
di ing. Giovanni Fraterno
( giofra@freemail.it ) --- ( http://digilander.libero.it/giovannifraterno )

Le pagine pubblicate su Internet, e visualizzabili grazie ad un browser, sono realizzate servendosi del linguaggio html, che non è un linguaggio di programmazione, ma un linguaggio di impaginazione.

 

Un documento in formato html può essere aperto grazie ad un browser:

- o attraverso un collegamento ad Internet

- oppure caricandolo dal disco del proprio computer senza connettersi alla Rete.

 

Per vedere il codice html di una pagina web bisogna eseguire tre passi:

 

- aprire il browser Internet Explorer che si trova all’interno di Windows

 

- caricare una pagina web o dal disco, in modalità non in linea, con la scelta apri, oppure dalla Rete Internet (dopo aver effettuato la connessione), indicando l’indirizzo URL

 

- fare clic sul menù visualizza del browser, e poi clic sulla scelta HTML per vedere infine  il codice sorgente della pagina web.

 

La finestra, che appare in formato blocco note, contiene del testo e dei codici distribuiti all’interno del testo stesso, codici che sono racchiusi tra una coppia di parentesi angolari, ovvero < >.

 

Questi codici si chiamano tag, tag che consentono al browser non solo la formattazione (l’impaginazione) della pagina web, ma anche la realizzazione degli elementi caratteristici dell’ipertesto, ovvero i link (salti ipertestuali) e gli oggetti grafici multimediali.

 

Come si è detto i tag dell’html sono costituiti da stringhe di caratteri compresi tra i simboli di minore ( < ) e di maggiore ( > ).

 

In html, un tag è nella maggior parte dei casi abbinato ad un altro tag corrispondente, che segna la fine dell’azione prevista da quel tag.

 

Questo secondo tag ha una barra all’inizio, cioè /, ovvero lo slash inclinato a destra.

 

Così il tag  HTML prevede la seguente sintassi:

<HTML>

.............

</HTML>

 

Tutti i tag possono essere indifferentemente specificati in caratteri maiuscoli o minuscoli.

 

E’ però utile scrivere i tag sempre in maiuscolo per distinguerli dalle frasi del testo.

 

Un testo HTML viene di norma suddiviso in due sezioni:

 

- la sezione intestazione, definita dal tag HEAD, e contenete normalmente informazioni sul titolo del documento visualizzato, titolo definito grazie al tag TITLE e riportato nella barra del titolo della finestra del browser

 

- la sezione corpo, definita dal tag BODY, e contenente il documento vero e proprio, con quindi tutti gli elementi caratteristici che danno vita ad un ipertesto.

 

La sintassi è:

<HTML>

<HEAD>

<TITLE>

.............

</TITLE>

</HEAD>

<BODY>

.............

</BODY>

</HTML>

 

Le dimensioni dei caratteri, che definiscono gli eventuali titoli dei paragrafi presenti nella pagina web, sono stabilite dal tag Hn, e dove n indica il codice numerico corrispondente alla dimensione del carattere: H1 per il più grande, e H6 per il più piccolo.

 

Le rispettive sintassi per ogni tag sono:

<H1> ............. </H1>

<H2> ............. </H2>

<H3> ............. </H3>

<H4> ............. </H4>

<H5> ............. </H5>

<H6> ............. </H6>

 

Per scrivere centrato bisogna utilizzare il tag CENTER

 

La sintassi è:

<CENTER>

……………

</CENTER>

 

Per specificare l’inizio di un nuovo paragrafo è sufficiente usare il tag P.

 

La sintassi è:

<P> ............. </P>

 

Per inserire invece un ritorno a capo si usa il tag BR.

 

La sintassi è:

<BR>

 

Per assegnare un colore di sfondo ad una pagina web, si aggiunge al tag BODY l’attributo BGCOLOR, e ciò secondo la sintassi:

<BODY BGCOLOR="#000000">

 

Per cambiare colore allo sfondo, bisogna sostituire la combinazione di zeri con un’altra combinazione esadecimale.

 

Ad esempio, per ottenere il bianco occorre inserire FFFFFF, per ottenere il blu occorre inserire 0000FF, per ottenere il rosso occorre inserire FF0000, e così via.

 

Per inserire viceversa un immagine occorre usare il tag IMG, e secondo la successiva sintassi:

<IMG SRC="immagine.gif">

 

Spesso capita che all’immagine che abbiamo inserito si deve aggiungere una cornice, in tal caso la sintassi è:

<IMG SRC="immagine.gif" BORDER="1">.

 

Per creare infine un collegamento ipertestuale bisogna usare il tag A, e secondo la sintassi:

<A HREF="prova.htm">clicca qui</A>

 

prova.htm indica la destinazione del link, ovvero la pagina web dove si salta.

 

clicca qui indica invece la scritta che compare colorata nel testo, appunto per indicare il collegamento ipertestuale.

 

Per determinare l'apertura del programma di posta elettronica con il destinatario (nomedifantasia@nonscrivermi.it) già impostato, la sintassi da scrivere è:

<A HREF="mailto:nomedifantasia@nonscrivermi.it">clicca qui</A>



utenti in questo momento connessi alla rete di siti web di Giovanni Fraterno: